Top 18 Innovative And Creative CSS3 Vertical Menu Ideas

1. CSS3 Vertical Menu

featured image

CSS3 Vertical Menu

Folder CSS3 Vertical Menu Left

Folder CSS3 Vertical Menu Right

More Details

2. Apycom jQuery Menus

Apycom jQuery Menus

Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,

Extremely small - 3kb uncompressed

More Details

3. Slicnot - Clean CSS Menu with Sliced Notification

featured image

Hello everybody! Slicnot is a small CSS toolkit that allows you to create anything from just a simple plain button to a complex drop-down navigation menu bar with very less amount of effort. Everything is build with pure CSS3 slideshow (no image used, no JavaScript) and very easy to customize. • Pure and Valid CSS3

• Separated Menu Button

Vertical Dropdown Menu

More Details

4. Tabion - Metro Tab Accordion Switcher CSS

featured image

Tabion also support Responsive Design that will switch to JavaScript vertical accordion menu nested when it is viewed on small screens like Mobile Devices.CSS3 Animation Effects.Horizontal + Vertical Styles.Navion – Metro Navigation Menu Accordion Switcher CSS

OneMenu – Responsive Metro UI Menu

MenuStation – Unlimited Responsive Menu

More Details

5. CSS3 Multi Level Accordion and Tree Menu

featured image

CSS3 Multi-Level Accordion and accordion slideshow jQuery is a 2 in 1 – Pure CSS3, no javascript, Well styled menu that allows you to easily create multilevel accordion style menus with unlimited levels – The menu comes with 3 sample menus that include 2 stylish accordion menus in ultra modern beautifully styled dark and light versions plus a multi-level tree menu. The menu is well coded and documented with cross browser accordion support including a CSS2 fallback solution for IE8.2 in 1 Accordion and HTML tree menu

CSS3 Only – No Javascript

supports Disabled menu states

More Details

6. Pure CSS3 Dropdown MegaMenu

featured image

Pure CSS3 without the use of JavaScript and images

Horizontal and vertical position

More Details

7. BETI - Accordion Menu

featured image

BETI – Accordion Menu

Based in pure CSS3 vertical menu

VERTICAL AND HORIZONTAL

PURE CSS3/HTML5

Vertical

Added Horizontal Accordion Menu

Pofi – Animated Tabs And accordion slideshow jQuery

More Details

8. TAKO Vertical Responsive Dropdown Menu

featured image

This it’s a menu with 3 columns of pages with a very good design and color combinations and its compatible with mobile devices! Its very efficient for people who want a simple responsive menu with modern design.- We added the Mega-Menu design with the posibility to add forms, images and video in the dropdown!

- Also we added 360+ vector icons to put them in your menu items!

Pure CSS3 and HTML

Vertical Dropdown

Easy to add new menu items

Mega-Menu Content:

- Mega-menu Content (complete forms, images, video and more!)

More Details

9. navIgo - Multipurpose Responsive Navigation Plugin

featured image

In addition, any plugin parameter can be overwritten directly from each menu <ul> data-attributes.Multiple menus on one page: and you can control almost anything for each menu, easy!

Smart options management: each plugin parameter can be overwritten by an equivalent data attribute inside the <ul> tag of each menu, in this way you can set overall rules for all navbars on the website, but you can customize each menu simply adding attributes in the markup!

Horizontal or vertical orientation

Smooth CSS3 transitions

Alpha or slide jQuery FX for menu dropdown CSS levels

Responsive toggle-menu button: you can enable or disable a menu wrapper with show/hide automatic button. Added tab mode (menu can be used as a tabbed interface)

More Details

10. Pofi - Animated Tabs And Accordion Menu

featured image

Animated Tabs And plugin slideshow jQuery

Based in pure CSS3 horizontal menu

ACCORDION MENU

Accordion Menu

Kabude – Responsive Animated Menu

More Details

11. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Supports Responsive Design, Swipe to change Tab Content, Left and Right keys to change Tab Content, Combine AJAX and Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot of CSS option to customize…

Support both Horizontal and Vertical Tab.CSS3 Animation Effects.Navion – Metro Navigation Menu Accordion Switcher CSS

OneMenu – Responsive Metro UI Menu

More Details

12. Vertical CSS3 Megadropdown Menu

featured image

Vertical CSS megaropdown menu is a navigation component based in CSS.

More Details

13. Pure CSS3 Vertical Accordion Menu

featured image

Pure CSS3 Vertical Accordion Menu is an item that is ready for retina displays.

More Details

14. 3d Mega Menu for Bootstrap

featured image

Responsive 3D Mega Drop Down Menu (latest ver 1.Responsive 3D Mega Drop Down Menu is a flexible and high customizable to build your custom menus. In addition to you can set up the menu item drop down by clicking or hovering. Horizontal and vertical versions

Click/hover behavior choice on the vertical menu CSS3 options page

Fly-out Menu with Unlimited Sublevels

This menu has been tested (and works !) in all the following browsers :

The 3D effects will not work in old browsers which is not support the dropdown menu transition CSS3

More Details

15. Vertical CSS3 Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9 and 8, but animation and some other CSS3 features do not work.Now Menu is Responsive

Added Mega Menu

More Details

16. CSS3 Vertical & Horizontal Accordion

featured image

CSS3 Vertical & Horizontal Accordion

Folder CSS3 Accordion Vertical

Folder CSS3 Accordion Vertical Menu

Folder CSS3 Accordion Horizontal

More Details

17. Vertical Elan - Responsive CSS3 Vertical Menu

featured image

CSS3 mega drop down responsive menu for your web site. Menu has 5 columns grid and work on all major browsers.

More Details

18. Negar - Responsive Vertical And Horizontal Menu

featured image

NEGAR – Responsive Animated Menu V2.Based in CSS3 dropdown menu

Every Menu, An Animated Effect

EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU

PURE CSS3/HTML5

Left Vertical

Right Vertical

Added Tow Vertical Menu (Left And Right Position) For Each Style

Added Two Horizontal Menu (Header And Footer) For Each Style

Aram – Responsive Mega DropDown Menu V2.

More Details

19. Css Vertical Dropdown Menu

featured image

CSS3 Vertical Dropdown menu, with 2 different animations.Vertical Dropdown

CSS3 Animation

Fixed Menu

Easy to add new menu items.menu-slideleft.menu-fadein.

More Details